/*Default layout*/
td
{
	width:70%;
}
input[type="text"]
{
    width:98%;
}

th
{
    background-color: White;
    color: Black;
}
.required
{
	width:98%;
}

body
{
	background-color:#AB763A;
}

table
{
	border:none;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	text-align:center;
}

td
{
	border:1px solid #AB763A;
}

input
{
	width:95%;
}
.myRoundCorners
{
	width:30%;
}

#id_login
{
    width:38%;
}

#id_image
{
    width:60%;
    position:relative;
    float:right;
    margin: 0px 3px 0px 1px;
}

/*medium screens layout*/
@media screen and (max-width: 480px)
{
	#id_login
	{
		width: 50%;
	}

	#id_image
	{
	    width: 48%;
	}
}

/*small screens layout*/
@media screen and (max-width: 320px)
{
	#id_login
	{
		width:100%;
	}
	#id_image
	{
	    display: none;
	}
}




